<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/shopcar.css">
</head>

<body>
    <header></header>
    <main>
        <div class="mian-c" id="mian-c">
            <h3>购物车</h3>
            <div class="warp">
                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th>商品名称</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="shop_tbody">

                    </tbody>
                    <script type="text/html" id="cartTemplate-1">
                        {{each cart shop}}
                            <tr data-id="{{shop.id}}">
                                <td>
                                    <input type="checkbox" {{shop.check ? 'checked' : ''}} class="checks">
                                </td>
                                <td>
                                    <a href="/html/detail.html?id={{shop.id}}"><img src="{{shop.image}}" alt=""></a>
                                    <span>{{shop.title}}</span>
                                </td>
                                <td>
                                    {{shop.price}}
                                </td>
                                <td>
                                    <a href="javascript:;" class="reduce">-</a>
                                    <input type="text" value="{{shop.count}}" class="changeNum">
                                    <a href="javascript:;" class="add">+</a>
                                </td>
                                <td>
                                    <a href="javascript:;" class="removeShop">x</a>
                                </td>
                            </tr>
                        {{/each}}
                    </script>
                </table>
                <div class="allPrice">
                    <input type="checkbox" id="allCheck">
                    <span>全选</span>
                    <!-- <p class="allNum">已选商品 <span>1</span> 件</p> -->
                    <p class="allMoney">总计：<span id="allMoney">￥268.00</span></p>
                    <div class="submit">结算</div>
                </div>
            </div>
        </div>
        <div class="carNull" id="carNull">
            <h2>对不起。当前没有任何商品！</h2>
            <a href="/html/kind.html?id=鲜花">继续购物</a>
        </div>
    </main>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/shopcar"></script>
</body>

</html>